<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title></title>
    <link rel="stylesheet" href="css/font-awesome/css/linecons.css">
    <link rel="stylesheet" href="css/font-awesome/css/font-awesome.min.css">
    <link href="css/bootstrap/css/bootstrap.css" rel="stylesheet" type="text/css"/>
    <link href="css/bootstrap-editable/bootstrap-editable.css" rel="stylesheet" type="text/css"/>
    <link rel="stylesheet" href="css/xenon/css/xenon-core.css">
    <link rel="stylesheet" href="css/xenon/css/xenon-forms.css">
    <link rel="stylesheet" href="css/xenon/css/xenon-components.css">
    <link rel="stylesheet" href="css/xenon/css/xenon-skins.css">
    <link rel="stylesheet" href="css/base.css">
</head>
<body class="page-body skin-facebook">
<nav class="navbar horizontal-menu">
    <div class="navbar-inner">
        <div class="navbar-brand">
            <a href="#" class="logo">
                <img src="images/logo.png" alt="" class="hidden-xs" ><span class="hidden-xs" >稿源库</span>
                <img src="images/logo.png" alt="" class="visible-xs" >
            </a>
        </div>
        <!-- Mobile Toggles Links -->
        <div class="nav navbar-mobile">
            <!-- This will toggle the mobile menu and will be visible only on mobile devices -->
            <div class="mobile-menu-toggle">
                <!-- This will open the popup with user profile settings, you can use for any purpose, just be creative -->
                <a href="#" data-toggle="settings-pane" data-animate="true">
                    <i class="linecons-cog"></i>
                </a>
                <a href="#" data-toggle="user-info-menu-horizontal">
                    <i class="fa-bell-o"></i>
                    <span class="badge badge-success">7</span>
                </a>
                <!-- data-toggle="mobile-menu-horizontal" will show horizontal menu links only -->
                <!-- data-toggle="mobile-menu" will show sidebar menu links only -->
                <!-- data-toggle="mobile-menu-both" will show sidebar and horizontal menu links -->
                <a href="#" data-toggle="mobile-menu">
                    <i class="fa-bars"></i>
                </a>
            </div>
        </div>
        <div class="navbar-mobile-clear"></div>
        <!-- notifications and other links -->
        <ul class="nav nav-userinfo navbar-right">
        <li class="user-profile">
               <span>欢迎登陆，您好：</span><a class="inline"><span>Admin</span></a>
        </li>
        <li class="dropdown xs-left">
            <a href="#" data-toggle="dropdown" class="notification-icon">
                <i class="fa-envelope-o"></i>
                <span class="badge badge-secondary">15</span>
            </a>
            <ul class="dropdown-menu messages">
                <li>
                    <ul class="dropdown-menu-list list-unstyled ps-scrollbar ps-container">
                        <li class="active"><!-- "active" class means message is unread -->
                            <a href="#">
                                            <span class="line">
                                                <strong>Luc Chartier</strong>
                                                <span class="light small">- yesterday</span>
                                            </span>

                                            <span class="line desc small">
                                                This ain’t our first item, it is the best of the rest.
                                            </span>
                            </a>
                        </li>
                        <div style="display: block; width: 0px; left: 0px; bottom: 3px;" class="ps-scrollbar-x-rail"><div style="left: 0px; width: 0px;" class="ps-scrollbar-x"></div></div><div style="display: block; top: 0px; height: 0px; right: 2px;" class="ps-scrollbar-y-rail"><div style="top: 0px; height: 0px;" class="ps-scrollbar-y"></div></div></ul>

                </li>

                <li class="external">
                    <a href="blank-sidebar.html">
                        <span>全部信息</span>
                        <i class="fa-link-ext"></i>
                    </a>
                </li>
            </ul>

        </li>

        <li class="dropdown xs-left">
            <a href="#" data-toggle="dropdown" class="notification-icon notification-icon-messages">
                <i class="fa-bell-o"></i>
                <span class="badge badge-purple">7</span>
            </a>

            <ul class="dropdown-menu notifications">
                <li class="top">
                    <p class="small">
                        <a href="#" class="pull-right">标记所有阅读</a>
                        你有 <strong>3</strong> 条信息.
                    </p>
                </li>

                <li>
                    <ul class="dropdown-menu-list list-unstyled ps-scrollbar ps-container">
                        <li class="active notification-success">
                            <a href="#">
                                <i class="fa-user"></i>

                                            <span class="line">
                                                <strong>New user registered</strong>
                                            </span>

                                            <span class="line small time">
                                                30 seconds ago
                                            </span>
                            </a>
                        </li>
                        <div style="display: block; width: 0px; left: 0px; bottom: 3px;" class="ps-scrollbar-x-rail"><div style="left: 0px; width: 0px;" class="ps-scrollbar-x"></div></div><div style="display: block; top: 0px; height: 0px; right: 2px;" class="ps-scrollbar-y-rail"><div style="top: 0px; height: 0px;" class="ps-scrollbar-y"></div></div></ul>
                </li>
            </ul>
        </li>
        <li class="exit lt-btn hover-line"><!-- You can add "always-visible" to show make the search input visible -->
            <a href="javascript:;" class=" js_exit" title="关闭"   onclick="process.exit();">
                <i class="fa-power-off"></i>
            </a>
        </li>
        </ul>

    </div>
</nav>
<div class="page-container">
    <div style="" class="sidebar-menu toggle-others">
        <div class="sidebar-menu-inner">
            <header class="logo-env">
                <div class="settings">
                    <a href="#">
                        <i class="linecons-cog"></i>
                        <span>编辑分类</span>
                    </a>
                </div>
                <!-- This will open the popup with user profile settings, you can use for any purpose, just be creative -->
                <div class="settings-icon">
                    <a href="#" data-toggle="sidebar">
                        <i class="fa-bars"></i>
                    </a>
                </div>
            </header>
            <ul id="main-menu" class="main-menu ">
            <!-- add class "multiple-expanded" to allow multiple submenus to open -->
            <!-- class "auto-inherit-active-class" will automatically add "active" class for parent elements who are marked already with class "active" -->
            <li class="active has-sub"  data-toggle="dropdown" >
                <a href="javascript:;" data-type="text" data-pk="1">
                    浙江报业
                </a>
                <ul>
                    <li class="">
                        <a href="javascript:;" data-type="text" data-pk="1">
                            子分类
                        </a>
                    </li>
                    <div class="logo-env foot-env  hidden">
                        <button class="btn badge-secondary btn-block">添加分类</button>
                        <input type="text" value="" placeholder="请输入分类名称" class="input btn btn-block hidden">
                    </div>
                </ul>
                <ul class="menu-editor list-inline dropdown-menu" role="menu">
                    <li class="js_edit"><a title="编辑分类名称"><i class="fa-edit"></i></a></li>
                    <li class="js_trash"><a title="删除分类"><i class="fa-trash"></i></a></li>
                    <li class="js_plus"><a title="添加子分类"><i class="fa-plus"></i></a></li>
                    <li class="js_wrench"><a title="设置工作流"><i class="fa-wrench"></i></a></li>
                </ul>
            </li>
            <li  data-toggle="dropdown" >
                <a href="javascript:;" data-type="text" data-pk="1">
                    数字采编中心
                </a>
                <ul class="menu-editor list-inline dropdown-menu" role="menu">
                    <li class="js_edit"><a title="编辑分类名称"><i class="fa-edit"></i></a></li>
                    <li class="js_trash"><a title="删除分类"><i class="fa-trash"></i></a></li>
                    <li class="js_plus"><a title="添加子分类"><i class="fa-plus"></i></a></li>
                    <li class="js_wrench"><a title="设置工作流"><i class="fa-wrench"></i></a></li>
                </ul>
            </li>
            <li class="has-sub"  data-toggle="dropdown">
                <a href="javascript:;" data-type="text" data-pk="1">
                    社内通稿
                </a>
                <ul>
                    <li>
                        <a href="javascript:;" data-type="text" data-pk="1">
                            子分类
                        </a>
                    </li>
                    <div class="logo-env foot-env  hidden">
                        <button class="btn badge-secondary btn-block">添加分类</button>
                        <input type="text" value="" placeholder="请输入分类名称" class="input btn btn-block hidden">
                    </div>
                </ul>
                <ul class="menu-editor list-inline dropdown-menu" role="menu">
                    <li class="js_edit"><a title="编辑分类名称"><i class="fa-edit"></i></a></li>
                    <li class="js_trash"><a title="删除分类"><i class="fa-trash"></i></a></li>
                    <li class="js_plus"><a title="添加子分类"><i class="fa-plus"></i></a></li>
                    <li class="js_wrench"><a title="设置工作流"><i class="fa-wrench"></i></a></li>
                </ul>
            </li>

            </ul>
            <div class="logo-env foot-env  hidden">
                <button class="btn badge-secondary btn-block">添加分类</button>
                <input type="text" value="" placeholder="请输入分类名称" class="input btn btn-block hidden">
            </div>
        </div>
    </div>

    <div style="" class="main-content">
        <div class="panel panel-tabs"><!-- Add class "collapsed" to minimize the panel -->
            <div class="panel-heading">
                <div class="panel-options">
                    <ul class="nav nav-tabs">
                        <li  class="active">
                            <a href="#tab-4" data-toggle="tab">全部</a>
                        </li>
                        <li>
                            <a href="#tab-5" data-toggle="tab">已审</a>
                        </li>
                        <li>
                            <a href="#tab-6" data-toggle="tab" >待审<span class="badge badge-primary">7</span></a>
                        </li>
                    </ul>
                </div>
                <div class="panel-select base_float_right">
                    <div class="clearfix"></div>
                    <div class="btn-group ">
                        <button type="button" class="btn btn-info" >
                            <i class=" fa-send-o padding-r5"></i><span class="hidden-xs">推送稿件</span>
                        </button>
                    </div>
                    <div class="btn-group  ">
                        <button type="button" class="btn btn-primary  dropdown-toggle" data-toggle="dropdown">
                            <i class="fa-plus padding-r5"></i><span class="hidden-xs">新建稿件</span> <span class="caret"></span>
                        </button>
                        <ul class="dropdown-menu" role="menu">
                            <li>
                                <a href="#">新建组图</a>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
            <div class="panel-body">
                <div class="tab-content">
                    <div class="tab-pane active" id="tab-4">
                        <div class="table-wrapper">
                            <div class="dataTables_wrapper form-inline dt-bootstrap" id="example-2_wrapper">
                            <div class="row">
                                <div class="col-sm-6 col-xs-12">
                                    <div class="btn-group" data-toggle="buttons">
                                        <label class="btn  btn-secondary active">
                                            <input name="options" id="option1" type="radio"><i class="fa-reorder padding-r5"></i><span>全部</span>
                                        </label>
                                        <label class="btn btn-secondary">
                                            <input name="options" id="option2" type="radio"><i class=" fa-file-text padding-r5"></i><span>文字</span>
                                        </label>
                                        <label class="btn btn-secondary">
                                            <input name="options" id="option3" type="radio"><i class="fa-area-chart padding-r5"></i><span>图片</span>
                                        </label>
                                        <label class="btn btn-secondary">
                                            <input name="options" id="option4" type="radio"><i class=" fa-video-camera  padding-r5"></i><span>视频</span>
                                        </label>
                                    </div>
                                    <div class="inline">
                                        <div class="btn">
                                            只看我的
                                            <input type="checkbox" data-on-text="<span class='fa-check'></span>" data-off-text="<span class=' fa-close'></span>" checked data-toggle="switch" data-on-color="info" id="custom-switch-07" />
                                        </div>
                                    </div>
                                </div>
                                <div class="col-xs-12 col-sm-6">
                                    <div class="dataTables_filter base_float_right" id="example-2_filter">
                                        <label>搜索:<input aria-controls="example-2" placeholder="" class="form-control input-sm" type="search"></label>
                                    </div>
                                </div>
                            </div>
                            <div class="table-responsive" data-pattern="priority-columns" >
                                <table aria-describedby="example-2_info" role="grid" class="table table-bordered table-striped dataTable no-footer" id="example-2">
                                    <thead>
                                    <tr role="row">
                                        <th aria-label="" data-priority="1" style="width: 13px;" colspan="1" rowspan="1" class="no-sorting sorting_asc">
                                            <div class="cbr-replaced"><div class="cbr-input"><input class="cbr cbr-done" type="checkbox"></div><div class="cbr-state"><span></span></div></div>
                                        </th>
                                        <th  colspan="1" data-priority="1" rowspan="1" aria-controls="example-2" tabindex="0">标题</th>
                                        <th style="width: 80px;" data-priority="1" colspan="1" rowspan="1" aria-controls="example-2" tabindex="0" >作者</th>
                                        <th style="width: 180px;" data-priority="1" colspan="1" rowspan="1" aria-controls="example-2" tabindex="0" class="sorting">时间</th>
                                        <th  style="width: 80px;" data-priority="1" colspan="1" rowspan="1" aria-controls="example-2" tabindex="0" >状态</th>
                                        <th style="width: 188px;" data-priority="1" colspan="1" rowspan="1" aria-controls="example-2" tabindex="0" >操作</th></tr>
                                    </thead>
                                    <tbody class="middle-align">
                                    <tr class="odd" role="row">
                                        <td class="sorting_1">
                                            <div class="cbr-replaced"><div class="cbr-input"><input class="cbr cbr-done" type="checkbox"></div><div class="cbr-state"><span></span></div></div>
                                        </td>
                                        <td>Carl D. Kaya</td>
                                        <td>admin</td>
                                        <td>2015-03-06 09:21:19</td>
                                        <td><span class="text-success"><i class="fa-check"></i>已审</span></td>
                                        <td>
                                            <a href="#" class="btn btn-secondary btn-sm btn-icon icon-left">
                                                编辑
                                            </a>

                                            <a href="#" class="btn btn-danger btn-sm btn-icon icon-left">
                                                删除
                                            </a>

                                            <a href="#" class="btn btn-info btn-sm btn-icon icon-left">
                                                推送
                                            </a>
                                        </td>
                                    </tr>
                                    <tr class="even" role="row">
                                        <td class="sorting_1">
                                            <div class="cbr-replaced"><div class="cbr-input"><input class="cbr cbr-done" type="checkbox"></div><div class="cbr-state"><span></span></div></div>
                                        </td>
                                        <td>Carl D. Kaya</td>
                                        <td>admin</td>
                                        <td>2015-03-06 09:21:19</td>
                                        <td><span class="text-warning"><i class="fa-close"></i>未审</span></td>
                                        <td>
                                            <a href="#" class="btn btn-secondary btn-sm btn-icon icon-left">
                                                编辑
                                            </a>

                                            <a href="#" class="btn btn-danger btn-sm btn-icon icon-left">
                                                删除
                                            </a>

                                            <a href="#" class="btn btn-info btn-sm btn-icon icon-left">
                                                推送
                                            </a>
                                        </td>
                                    </tr>
                                    <tr class="odd" role="row">
                                        <td class="sorting_1">
                                            <div class="cbr-replaced"><div class="cbr-input"><input class="cbr cbr-done" type="checkbox"></div><div class="cbr-state"><span></span></div></div>
                                        </td>
                                        <td>Carl D. Kaya</td>
                                        <td>admin</td>
                                        <td>2015-03-06 09:21:19</td>
                                        <td><span class="text-success"><i class="fa-check"></i>已审</span></td>
                                        <td>
                                            <a href="#" class="btn btn-secondary btn-sm btn-icon icon-left">
                                                编辑
                                            </a>

                                            <a href="#" class="btn btn-danger btn-sm btn-icon icon-left">
                                                删除
                                            </a>

                                            <a href="#" class="btn btn-info btn-sm btn-icon icon-left">
                                                推送
                                            </a>
                                        </td>
                                    </tr>
                                    </tbody>
                                </table>

                            </div>

                                <div class="row">
                                    <div class="col-xs-12">
                                        <div id="example-1_paginate" class="dataTables_paginate paging_simple_numbers"><ul class="pagination"><li id="example-1_previous" tabindex="0" aria-controls="example-1" class="paginate_button previous disabled"><a href="#">上一页</a></li><li tabindex="0" aria-controls="example-1" class="paginate_button active"><a href="#">1</a></li><li tabindex="0" aria-controls="example-1" class="paginate_button "><a href="#">2</a></li><li tabindex="0" aria-controls="example-1" class="paginate_button "><a href="#">3</a></li><li tabindex="0" aria-controls="example-1" class="paginate_button "><a href="#">4</a></li><li tabindex="0" aria-controls="example-1" class="paginate_button "><a href="#">5</a></li><li tabindex="0" aria-controls="example-1" class="paginate_button "><a href="#">6</a></li><li id="example-1_next" tabindex="0" aria-controls="example-1" class="paginate_button next"><a href="#">下一页</a></li></ul></div>
                                    </div>
                                </div>
                            </div>
                        </div>

                    </div>
                    <div class="tab-pane " id="tab-5">
                        <p>Building mr concerns servants in he outlived am breeding. He so lain good miss when sell some at if. Told hand so an rich gave next. How doubt yet again see son smart. While mirth large of on front. Ye he greater related adapted proceed entered an. Through it examine express promise no. Past add size game cold girl off how old. </p>
                        <p>Old there any widow law rooms. Agreed but expect repair she nay sir silent person. Direction can dependent one bed situation attempted. His she are man their spite avoid. Her pretended fulfilled extremely education yet. Satisfied did one admitting incommode tolerably how are. </p>
                        <p>Dispatched entreaties boisterous say why stimulated. Certain forbade picture now prevent carried she get see sitting. Up twenty limits as months. Inhabit so perhaps of in to certain. Sex excuse chatty was seemed warmth. Nay add far few immediate sweetness earnestly dejection. </p>
                    </div>

                    <div class="tab-pane" id="tab-6">
                        <p>In to am attended desirous raptures declared diverted confined at. Collected instantly remaining up certainly to necessary as. Over walk dull into son boy door went new. At or happiness commanded daughters as. Is handsome an declared at received in extended vicinity subjects. Into miss on he over been late pain an. Only week bore boy what fat case left use. Match round scale now sex style far times. Your me past an much. </p>
                        <p>Far concluded not his something extremity. Want four we face an he gate. On he of played he ladies answer little though nature. Blessing oh do pleasure as so formerly. Took four spot soon led size you. Outlived it received he material. Him yourself joy moderate off repeated laughter outweigh screened. </p>
                        <p>Resources exquisite set arranging moonlight sex him household had. Months had too ham cousin remove far spirit. She procuring the why performed continual improving. Civil songs so large shade in cause. Lady an mr here must neat sold. Children greatest ye extended delicate of. No elderly passage earnest as in removed winding or. </p>
                    </div>

                </div>

            </div>
        </div>
    <footer style="" class="main-footer sticky footer-type-1">

        <div class="footer-inner">

            <!-- Add your copyright text here -->
            <div class="footer-text">
                © 2014
                <strong>Xenon</strong>
                theme by <a href="http://laborator.co" target="_blank">Laborator</a>
            </div>


            <!-- Go to Top Link, just add rel="go-top" to any link to add this functionality -->
            <div class="go-up">

                <a href="#" rel="go-top">
                    <i class="fa-angle-up"></i>
                </a>

            </div>

        </div>

    </footer>
    </div>
</div>

<!-- Bottom Scripts -->
<script src="js/jquery.min.js"></script>
<script src="css/bootstrap/js/bootstrap.min.js"></script>
<script src="css/bootstrap-editable/bootstrap-editable.min.js"></script>
<script src="js/TweenMax.min.js"></script>
<script src="js/resizeable.js"></script>
<script src="js/joinable.js"></script>
<script src="js/xenon-api.js"></script>
<script src="js/xenon-toggles.js"></script>

<!-- Imported scripts on this page -->
<script src="js/xenon-widgets.js"></script>
<script src="js/xenon-custom.js"></script>
<script type="text/javascript">
    // Switches
    if ($('[data-toggle="switch"]').length) {
        $('[data-toggle="switch"]').bootstrapSwitch();
    }
</script>
<script type="text/javascript">
//    编辑分类按钮点击事件
    $(".logo-env .settings").on("click",function(){
        $(".logo-env.foot-env").toggleClass("hidden");
        $("#main-menu>li").toggleClass("dropdown dropdown-toggle").removeClass("expanded");
        $("#main-menu>li ul").hide();
        $("#main-menu>li ul:not(.menu-editor)").toggleClass("hidden");
    })
//    添加分类按钮点击事件
    $(".logo-env.foot-env button").on("click",function(){
        $(this).toggleClass("hidden");
        $(this).next("input").toggleClass("hidden").focus();
    });
//    添加分类失去焦点事件，回车事件
    $(".logo-env.foot-env input").on("blur",function(){
        $(this).parent().find("button").toggleClass("hidden");
        $(this).toggleClass("hidden");
    })
    .keydown(function(event){
        if(event.keyCode==13){
            $(this).parent().find("button").toggleClass("hidden");
            $(this).toggleClass("hidden").val("");
        }
    });
//    分类编辑
    $(".js_edit").on("click",function() {
        var $editA=$(this).parent().parent().find("a").eq(0);
        $editA.removeClass("editable-disabled");
        if(!$editA.hasClass("editable editable-click"))
            $editA.addClass("editable editable-click");
        $editA.editable({
            mode:"inline",
            title: '输入分类名称'
        });
        $editA.trigger("click")
        .on('save', function(e, params) {
            $editA.editable('destroy', true);
        })
        .on('hidden', function(e, reason) {
            $editA.editable('destroy', true);
        });
    });
//    分类删除
    $(".js_trash").on("click",function() {
        var $editLi=$(this).parent().parent();
        $editLi.remove();
    });
//    分类添加子分类
    $(".js_plus").on("click",function() {
        var $editLi=$(this).parent().parent();
        $editLi.addClass("expanded");
        $editLi.find("ul:not(.menu-editor)").removeClass("hidden");
    });
//    分类添加工作流
    $(".js_wrench").on("click",function() {

    });
//  添加分类事件
    function addChild(T){
        var html='<li  data-toggle="dropdown"><a href="javascript:;" data-type="text" data-pk="1">'+T+'</a>' +
                '<ul><div class="logo-env foot-env  hidden"><button class="btn badge-secondary btn-block">添加分类</button><input type="text" value="" placeholder="请输入分类名称" class="input btn btn-block hidden"> </div> </ul>' +
                '<ul class="menu-editor list-inline dropdown-menu" role="menu"><li class="js_edit"><a title="编辑分类名称"><i class="fa-edit"></i></a></li><li class="js_trash"><a title="删除分类"><i class="fa-trash"></i></a></li><li class="js_plus"><a title="添加子分类"><i class="fa-plus"></i></a></li><li class="js_wrench"><a title="设置工作流"><i class="fa-wrench"></i></a></li></ul>' +
                '</li>';

    }
</script>
</body>
</html>